<script setup>
import { artGetChannelService } from '@/api/article.js'
import { ref } from 'vue';

defineProps({
  // cid:{
  modelValue: {
    type:[Number,String]
  }
})
// const emit =defineEmits(['update:cid'])
const emit =defineEmits(['update:modelValue'])

const channelList=ref([])
const getChannelList = async () => {
  const res = await artGetChannelService()
  channelList.value = res.data.data
  console.log(channelList.value)
  
}
getChannelList()
</script>
<template>
   <el-select 
   :modelValue="modelValue"
   @update:modelValue="emit('update:modelValue',$event)"
   style="width: 150px" >
        <!-- label是展示给用户看的，value是提交给后台的 -->
        <el-option
        v-for="channel in channelList"
        key="channel.id"
        :label="channel.cate_name"
        :value="channel.id"></el-option>
       
      </el-select>
</template>